<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>歌手墙</title>
    <link rel="stylesheet" type="text/css" href="css/all.css">
    <link rel="stylesheet" type="text/css" href="css/singer.css">
</head>
<body>
    <header class="wrapper" id="top">
        <div class="inner">
            <div id="top-1">
                <img id="house" src="images/other/house.png" alt="house">
                <img src="images/other/title.png" alt="李炯毅的私人小屋">
            </div>
        </div>
    </header>    
    <aside id="elixirs-1">
        <div id="box-1">
            <div id="top-2">
                <img id="mpng" src="images/logo/yiliao.png" alt="音乐">
                <h1>写给音乐</h1>
            </div>
            <p>
                音乐是人类的灵魂，只有懂得音乐的人才懂得生活。<br>
                音乐对我的人生来说是不可或缺的，没有音乐的人生，注定不完整。
            </p>
            <div id="middle-1">
                <img class="mpng" src="images/logo/changge.png" alt="歌手">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/singer.html" target="_blank"><h2>歌手墙</h2></a>
            </div>
            <p>
                这一生影响着我的歌手有很多，是他们带给我力量，鼓励我在人生道路上不断前行。
            </p>
            <div id="middle-2">
                <img class="mpng" src="images/logo/mmp.png" alt="演唱会">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/gongzhonghao.html" target="_blank"><h2>音乐公众号</h2></a>
            </div>
            <p id="bottom-1">
                2017年3月，本着推荐自己喜欢的歌手及音乐的初衷，自己注册并运营了一个微信公众号，与2017年8月停更。
            </p>
        </div> 
    </aside>
    <nav class="wrapper">
        <div class="inner">
            <ul class="nav">
                <li class="nav-item i1"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/index.html">主页</a></li>
                <li class="nav-item i2"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/photo.html">照片墙</a></li>
                <li class="nav-item i3"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/yingshi.html">影视推荐</a></li>
                <li class="nav-item i4"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/aboutme.html">关于我</a></li>
            </ul>
            <div id="spng">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/qq.html" target="_blank">
                    <img class="spng" src="images/logo/qq.png" alt="腾讯QQ">
                </a>
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/wechat.html" target="_blank">
                    <img class="spng" src="images/logo/wechat.png" alt="微信">
                </a>
                <a href="https://weibo.com/u/3695519033?is_hot=1" target="_blank">
                    <img class="spng" src="images/logo/weibo.png" alt="新浪微博">
                </a>
                <a href="https://music.163.com/#/user/home?id=288462809" target="_blank">
                    <img class="spng" src="images/logo/wangyiyun.png" alt="网易云音乐">
                </a>
            </div>
        </div>
    </nav>
    <div class="wrapper" id="container-1">
        <div class="inner">
            <div id="con-1">
                <a href="https://music.163.com/#/playlist?id=2559669888" target="_blank">
                    <img class="transform" src="images/singer/gem.png" alt="邓紫棋">
                </a>    
                <div class="int">
                    <p class="intp">
                        姓名：邓紫棋（G.E.M）<br/>
                        籍贯：中国香港<br/>
                        出道年份：2008年<br/>
                        推荐音乐：《光年之外》<br/>
                        《倒数》《岩石里的花》
                    </p>
                </div>
            </div>
            <div id="con-2">
                <a href="https://music.163.com/#/playlist?id=2559689520" target="_blank">
                    <img class="transform" src="images/singer/JJ.png" alt="林俊杰">
                </a>    
                <div class="int">
                    <p class="intp">
                        姓名：林俊杰（JJ Lin）<br/>
                        籍贯：新加坡<br/>
                        出道年份：2003年<br/>
                        推荐音乐：《可惜没如果》<br/>
                        《黑夜问白天》《醉赤壁》
                    </p>
                </div>
            </div>
            <div id="con-3">
                <a href="https://y.qq.com/n/yqq/playlist/6400935574.html#stat=y_new.profile.create_playlist.click&dirid=1" target="_blank">
                    <img class="transform" src="images/singer/baian.png" alt="白安">
                </a>    
                <div class="int">
                    <p id="annp">
                        姓名：白安（Ann）<br/>
                        籍贯：中国台湾台北市<br/>
                        出道年份：2008年<br/>
                        推荐音乐：《妈妈》<br/>
                        《是什么让我遇见这样的你》<br/>
                        《让我逃离平庸的生活》
                    </p>
                </div>
            </div>
            <div id="con-4">
                <a href="https://music.163.com/#/playlist?id=2574110074" target="_blank">
                    <img class="transform" src="images/singer/wenqi.png" alt="金玟岐">
                </a>    
                <div class="int">
                    <p class="intp">
                        姓名：金玟岐（Vanessa）<br/>
                        籍贯：中国江西<br/>
                        出道年份：2015年<br/>
                        推荐音乐：《姗姗》<br/>
                        《偶像》《岁月神偷》
                    </p>
                </div>
            </div>
            <div id="con-5">
                <a href="https://music.163.com/#/playlist?id=2564342449" target="_blank">
                    <img class="transform" src="images/singer/xijun.png" alt="刘惜君">
                </a>    
                <div class="int">
                    <p class="intp">
                        姓名：刘惜君（Sara）<br/>
                        籍贯：中国深圳<br/>
                        出道年份：2004年<br/>
                        推荐音乐：《如昨》<br/>
                        《嗜睡症》《光》
                    </p>
                </div>
            </div>
            <div id="con-6">
                <a href="https://music.163.com/#/playlist?id=2561728441" target="_blank">
                    <img class="transform" src="images/singer/xiaomin.png" alt="汪小敏">
                </a>    
                <div class="int">
                    <p class="intp">
                        姓名：汪小敏（Tracy）<br/>
                        籍贯：中国广西省南宁市 <br/>
                        出道年份：2011年<br/>
                        推荐音乐：《没你的周末》<br/>
                        《不枉》《被寂寞加为好友》
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>